//摄像头
import { Cascader } from 'antd';
import { NotificationOutlined } from "@ant-design/icons"
import { Image } from 'antd';
// import BuZhou from "../../component/detection/buzou"
import './index.scss'
const Camera = (props) => {
  const onChange = (value) => {
    console.log(value);
  };
  return (
    <>
      <div className='voice_q'>

        <div className='voice_s'>

          <div className='voice_a'>
            <span>请选择摄像头设备</span>
            <Cascader onChange={onChange} placeholder="扬声器(Realtek high) " />
          </div>

        </div>

        <div className='camera'>
          <Image 
            width={200}
            height={140}
            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
          />
          <p>能否看到视频?</p>
        </div>
        

      </div>
      <div className='index_button_z'>
      <div className="index_button_s"
      onClick={()=>{
        props.changename('网络')
      }}
      >
          能
        </div>
        
        <div className="index_button_s">
          不能
        </div>
      </div>
    </>
  )

}
export default Camera